<template>
    <div class="container">
      <el-row class="order-topbar">
        <el-col :lg="2" :md="2" class="topbar-item">商品图片</el-col>
        <el-col :lg="2" :md="2" class="topbar-item">商品名称</el-col>
        <el-col :lg="2" :md="2" class="topbar-item">商品价格</el-col>
        <el-col :lg="2" :md="2" class="topbar-item">配送费(元)</el-col>
        <el-col :lg="2" :md="2" class="topbar-item">支付金额(元)</el-col>
        <el-col :lg="2" :md="2" class="topbar-item">下单用户</el-col>
        <el-col :lg="3" :md="3" class="topbar-item">配送地址</el-col>
        <el-col :lg="3" :md="3" class="topbar-item">创建时间</el-col>
        <el-col :lg="3" :md="3" class="topbar-item">订单编号</el-col>
        <el-col :lg="3" :md="3" class="topbar-item">操作</el-col>
      </el-row>
    </div>
</template>

<script>
  import {Row, Col, Button} from "element-ui"
    export default {
        name: "order",
        data() {
            return {}
        },
        components:{
          elRow:Row,
          elCol:Col,
          elButton:Button
        }
    }
</script>

<style scoped lang="scss">
  .order-topbar{
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    .topbar-item{
      text-align: center;
    }
  }
</style>
